<!DOCTYPE html>
<html>

    <head>
        <title>Phalcon PHP Framework</title>
        {{stylesheet_link ('css/bootstrap/css/bootstrap.min.css')}}
        {{stylesheet_link ('css/font-awesome/css/font-awesome.min.css')}}
        {{stylesheet_link ('css/style.css')}}
        {{stylesheet_link ('css/carousel.css')}}
        {{stylesheet_link ('css/sitebar.css')}}
        {{stylesheet_link ('https://vjs.zencdn.net/4.6/video-js.css')}}
        {{stylesheet_link ('css/chat.css')}}
        {{stylesheet_link ('js/lib/scrollbar/jquery.mCustomScrollbar.css')}}
        {{stylesheet_link ('js/lib/progressbar/progressbar.css')}}
        {{stylesheet_link ('js/lib/emoji/css/minEmoji.css')}}
        {{ javascript_include('js/jquery/jquery-2.1.1.min.js')}}
        {{ javascript_include('js/bootstrap/bootstrap.min.js')}} 
    </head>

    <body>
        {% include 'layouts/header.volt' %}
        <div class="content">
            <div class="container">
                <div class='img-responsive' id="wowslider-container1">
                    <div class="ws_images">
                        <ul>
                            <li>
                                <img class='img-responsive' src="{{url('public/img/images/pic_1.jpg')}}" alt="1" title="1" id="wows1_0" />
                            </li>
                            <li>
                                <a href="http://wowslider.com/vf">
                                    <img class='img-responsive' src="{{url('public/img/images/pic_2.jpg')}}" alt="full screen slider" title="2" id="wows1_1" />
                                </a>
                            </li>
                            <li>
                                <img class='img-responsive' src="{{url('public/img/images/pic_3.jpg')}}" alt="3" title="3" id="wows1_2" />
                            </li>
                        </ul>
                    </div>
                    <div class="ws_bullets">
                        <div>
                            <a href="#" title="1">
                                <img src="{{url('public/img/tooltips/pic_1.jpg')}}" alt="1" />1</a>
                            <a href="#" title="2">
                                <img src="{{url('public/img/tooltips/pic_2.jpg')}}" alt="2" />2</a>
                            <a href="#" title="3">
                                <img src="{{url('public/img/tooltips/pic_3.jpg')}}" alt="3" />3</a>
                        </div>
                    </div>
                    <div class="ws_shadow"></div>
                </div>  


                <div class="col-md-2 hidden-sm hidden-xs sitebar">
                    {% include 'layouts/sitebar.volt' %}
                </div>
                <div class="col-md-10 main">
                    {{ content() }}
                </div>
            </div>
        </div>
        {% include 'layouts/footer.volt' %} 
        
        {{javascript_include('js/wowslider.js')}}
        {{javascript_include('js/script.js')}}
        {{javascript_include('js/sitebar.js')}}
    </body>
</html>
